<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<title>商品类型</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/font-awesome.css">
  <link rel="stylesheet" href="../css/css.css">
  <link rel="stylesheet" href="../css/animate.min.css">
  <style>
    .content{
       margin-left: 192px; 
       min-height: 700px;
    }
  </style>

</head>
<body style="background-color:#222 ">
		<div class="admin-top ">
    <a href="#"> <img src="../img/dragon64.ico" alt=""><h1>龙游天下</h1><h3>图书城管理员</h3></a>

    <div class="btn-group pull-right dropdown" style="position:relative;left: -107px; ">
      <button class="btn btn-inverse dropdown">袁建龙</button>
      <button class="btn dropdown-toggle btn-inverse dropdown" data-toggle="dropdown">
        <span class="caret"></span>
      </button>
      
      <ul class="dropdown-menu ">
       
          <li><a tabindex="-1" href="#">账号信息</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">安全退出</a></li>
      </ul>
    </div>

  </div>

  <div class="sidebar-nav">

        <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>商品系统</a>
        <ul id="dashboard-menu" class="nav nav-list collapse in">
            <li ><a href="users.html">商品管理</a></li>
            <li><a href="index.html">类别管理</a></li>
        </ul>

        <a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>订单系统<span class="label label-info">+3</span></a>
        <ul id="accounts-menu" class="nav nav-list collapse">
            <li ><a href="sign-in.html">新订单</a></li>
            <li ><a href="sign-up.html">查询订单</a></li>
        </ul>

        <a href="#error-menu" class="nav-header collapsed" data-toggle="collapse"><i class="icon-exclamation-sign"></i>评论系统 <i class="icon-chevron-up"></i></a>
        <ul id="error-menu" class="nav nav-list collapse">
            <li ><a href="403.html">新评论</a></li>
            <li ><a href="404.html">所有评论</a></li>
        </ul>

        

        <a href="help.html" class="nav-header" ><i class="icon-question-sign"></i>用户管理</a>
        <a href="faq.html" class="nav-header" ><i class="icon-comment"></i>咨询信息</a>
        <a href="#legal-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>统计报表</a>
        <ul id="legal-menu" class="nav nav-list collapse">
            <li ><a href="privacy-policy.html">销售数据</a></li>
            <li ><a href="privacy-policy.html">收藏数据</a></li>
        </ul>
    </div>

    <div class="content">
        
        <div class="header">
           <!--  <div class="stats">
               <p class="stat"><span class="number">53</span>tickets</p>
               <p class="stat"><span class="number">27</span>tasks</p>
               <p class="stat"><span class="number">15</span>waiting</p>
           </div> -->

            <h1 class="page-title">Home</h1>
        </div>
        
        <ul class="breadcrumb">
            <li><a href="index.html">Home</a> <span class="divider">/</span></li>
            <li class="active">商品系统<span class="divider">/</span></li>
            <li class="active">类别管理</li>
        </ul>

        <div class="container-fluid">
            <div class="row-fluid">
                <div class="btn-toolbar">
                    <button class="btn btn-primary"><i class="icon-plus"></i> 新类别</button>
                    <button class="btn">从Excel导入</button>
                    <button class="btn">导出为Excel</button>
                  <div class="btn-group">
                  </div>
                </div>
                <div class="well">
                    <table class="table">
                      <thead>
                        <tr>
                          <th>#</th>
                          <th>类别名称</th>
                          <th style="width: 26px;"></th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>1</td>
                          <td>Head First Java</td>
                          <td>
                              <a href="user.html"><i class="icon-pencil"></i></a>
                              <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
                          </td>
                        </tr>
                       
                      </tbody>
                    </table>
                    
                </div>
                <div class="pagination pull-right">
                  <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">上一页</a></li>
                    <li><a href="#">下一页</a></li>
                    <li><a href="#">尾页</a></li>
                  </ul>
                </div>
        


                    
               <footer>
                <hr/>
                    <p style="margin-left: 30px;" ;>© 2012 <a href="mailto:804795012@qq.com" target="_blank"><img src="../img/dragon32.ico" alt="">龙游天下图书城</a></p>
            </footer>
                    
            </div>
        </div>
    </div>


	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){

		});
	</script>
</body>
</html>
